<ion-header>
  <ion-navbar color="primary">
    <ion-title>{{topDetailList.title}}</ion-title>
  </ion-navbar>
</ion-header>

<ion-content class="themeBook">

  <p class="pTitle">
    <button #week (click)="searchWeekSale()">周榜</button>
    <button #new  (click)="searchMonthSale()">月榜</button>
    <button #more (click)="searchTotalSale()">总榜</button>
  </p>

  <section>
    <ion-list *ngFor="let book of topDetailList.books,let i=index">
      <ion-item>
        <ion-thumbnail item-start>
          <img src={{book.cover|dataImg}}>
        </ion-thumbnail>
        <p class="color3">{{book.title}}</p>
        <p>{{book.author}}</p>
        <p>{{book.desc}}</p>
        <p>
          <span>共{{book.latelyFollower}}在追</span>|
          <span>{{book.retentionRatio + '%'}}读者留存</span>
        </p>
      </ion-item>
    </ion-list>
  </section>


</ion-content>
